@extends('layout')

@section('content')
    <link rel="stylesheet" href="{{asset('css/about.css')}}">
    <link rel="stylesheet" href="{{asset('css/quill.snow.css')}}">
    <div class="container about-content">
        <div class="row">
            <div class="col-sm-3" style="text-align: center;">
                {{--<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">--}}
                    {{--<a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">公司简介</a>--}}
                    {{--<a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">经营范围</a>--}}
                    {{--<a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">联系我们</a>--}}
                {{--</div>--}}
                @component('gongao',['gonggao'=>$gonggao])
                @endcomponent
            </div>
            <div class="col-sm-9">
                {{--<nav aria-label="breadcrumb">--}}
                    {{--<ol class="breadcrumb">--}}
                        {{--<li class="breadcrumb-item"><a href="#">Home</a></li>--}}
                        {{--<li class="breadcrumb-item"><a href="#">Library</a></li>--}}
                        {{--<li class="breadcrumb-item active" aria-current="page">Data</li>--}}
                    {{--</ol>--}}
                {{--</nav>--}}
                <div class="tab-content" id="v-pills-tabContent">
                    <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
                        <div class="part-title-box">
                            <div class="part-title">详细内容</div>
                        </div>
                        <div class="content-container">
                            <div class="content-title">{{$content->title}}</div>
                            <div class="content-little-title">来源：{{$content->author}} &nbsp;&nbsp;&nbsp;&nbsp;    发布时间：{{$content->creat_at}}</div>
                            <div class="line"></div>
                            <div class="content-info">
                                <div class="ql-editor">
                                     {!! $content->centent !!}

                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
